<nav class="nav-side">
  <ul>
    <li *ngFor="let nav of navs" class="navbar">
      <button md-button routerLink="/{{nav.id}}" [ngClass]="{'focus': focusButton==nav.id}" (click)="focusButton=nav.id">
        <md-icon class="md-light-blue">{{nav.icon}}</md-icon>
        <span class="font18">{{nav.value}}</span>
        <md-icon *ngIf="nav.id == 'control'" class="arrow-up">keyboard_arrow_up</md-icon>
      </button>
      <ul>
        <li *ngFor="let childNav of nav.child">
          <button md-button class="child-nav" routerLink="/{{childNav.id}}" [ngClass]="{'focus': focusButton==childNav.id}" (click)="focusButton=childNav.id">{{childNav.value}}</button>
        </li>
      </ul>
    </li>
  </ul>
</nav>
